<div id="main" class="palm-hasheader">
	<div id="header" class="palm-header"></div>

	<div class="palm-group unlabeled">
		<div class="palm-list">
			<div class="palm-row first">
				<div class="palm-row-wrapper">
					<div class="label left" style="float:none;margin-top:2px;">
						Last Menstrual Period
					</div>
					<div id="datePicker" x-mojo-element="DatePicker" style="margin:0px;"></div>
				</div>
			</div>
			<div class="palm-row multi-line">
				<div class="label left" style="margin-top:2px;">
					Estimated Gestational Age
				</div>
				<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
					<div class="title">
						<div id="gestationalAge" x-mojo-element="TextField"></div>
					</div>
				</div>
			</div>
			<div class="palm-row">
				<div class="label left" style="margin-top: 2px;margin-bottom:0;">
					Estimated Due Date (40 weeks)
				</div>
				<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
					<div class="title">
						<div id="dueDate" x-mojo-element="TextField"></div>
					</div>
				</div>
			</div>
			<div class="palm-row last">
				<div class="label left" style="margin-top: 2px;margin-bottom:0;">
					Estimated Date of Conception
				</div>
				<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
					<div class="title">
						<div id="conceptDate" x-mojo-element="TextField"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="calcButton" x-mojo-element="Button">Calculate</div>
</div>

